<template>
  <footer class="p-8 mt-12 border-t">
    <div class="container">
      <div class="justify-between sm:flex">
        <div>
          <a class="block text-primary sm:inline-block text-center hover:text-primary-hover" href="/">
            <svg viewBox="0 0 48 48"
                 xmlns="http://www.w3.org/2000/svg"
                 xmlns:xlink="http://www.w3.org/1999/xlink"
                 class="h-8 inline-block"
            >
              <radialGradient id="a" cx="96.266384%" cy="48.591259%"
                              gradientTransform="matrix(-.91665913 .00414483 -.00379943 -.99999141 1.846945 .967832)" r="104.925283%">
                <stop offset="0" stop-color="#dc497f"/>
                <stop offset=".266652135" stop-color="#502da8"/>
              <stop offset="1" stop-color="#5381f6"/>
              </radialGradient>
              <path
                d="m21.3335021 2c5.9003898 0 11.2413079 2.4702196 15.1033483 6.46252899l-7.4888853 7.80561741c-2.1101797-2.5086596-5.2240123-4.0952141-8.6971783-4.0952141-6.3561695 0-11.508863 5.3136731-11.508863 11.8684211 0 6.5547479 5.1526935 11.868421 11.508863 11.868421 3.4681735 0 6.5780459-1.5819965 8.6880722-4.0844015l7.4842028 7.7263388c-3.8609592 3.9839421-9.1961887 6.4482883-15.0895597 6.4482883-11.78216786 0-21.3335021-9.8497355-21.3335021-22s9.55133424-22 21.3335021-22zm22.331014 13.6v6.6666667h4.3354839l-6.5032258 9.3333333v-6.6666667h-4.3354839z"
                fill="currentColor"
                fill-rule="evenodd"/></svg>
          </a>
          <div class="block mt-3 text-sm text-center text-indigo-60 sm:text-left sm:inline-block sm:mt-0 sm:ml-3">
            ©2020 采撷科技
          </div>
<!--          <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>-->
<!--          <span id="busuanzi_container_site_pv"-->
<!--                class="font-light block mt-3 text-xs text-center text-indigo-60 sm:text-left sm:inline-block sm:mt-0 sm:ml-3">-->
<!--            👀-->
<!--            <span id="busuanzi_value_site_pv"></span>次-->
<!--          </span>-->

        </div>

        <div class="mt-4 sm:mt-0">

          <a class="block text-center sm:inline-block text-indigo-60 text-sm hover:text-gray-900 mt-3 sm:mt-0 sm:ml-6"
             href="https://w.caixie.top">隐私条款</a>
          <a class="block text-center sm:inline-block text-indigo-60 text-sm hover:text-gray-900 mt-3 sm:mt-0 sm:ml-6"
             href="https://w.caixie.top">服务条款</a>
        </div>
      </div>
    </div>
  </footer>
</template>
